<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<script type="text/javascript" src="js/jquery.js"></script>
		
		<script type="text/javascript" src="js/login.js"></script>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/login.css" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>新员工注册</title>
		
	</head>

	<body>
		<div id="content">
			<div class="container">
				<div id="loginBox">
					<div class="panel panel-default">
						<div class="panel-body text-center">
							<h3><span class="glyphicon glyphicon-user"></span><small>新员工注册</small></h3>
							<form action="" class="form formbox">
								<div class="form-group">
									<div class="text-right">
										<small>请输入一个有效的邮箱</small>
									</div>
									<div class="input-group">
										<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-envelope"></span></span>
										<input type="email" class="inputpwd form-control" placeholder="请输入邮箱" aria-describedby="basic-addon1" required>
									</div>
								</div>
								<div class="form-group">
									<div class="text-right">
										<small>请输入一个有效的手机号</small>
									</div>
									<div class="input-group">
										<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-phone"></span></span>
										<input type="password" class="inputpwd form-control" placeholder="请输入手机号" aria-describedby="basic-addon1">
									</div>
								</div>
								<div class="form-group">
									<div class="text-right">
										<small>请输入您的真实姓名</small>
									</div>
									<div class="input-group">
										<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-user"></span></span>
										<input type="text" class="form-control" placeholder="请输入真实姓名" aria-describedby="basic-addon1">
									</div>
								</div>
								<div class="form-group">
									<div class="text-right">
										<small>请输入一个6-16位字符的密码</small>
									</div>
									<div class="input-group">
										<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-lock"></span></span>
										<input type="password" class="inputpwd form-control" placeholder="请输入密码" aria-describedby="basic-addon1">

									</div>
								</div>
								<div class="form-group">
									<div class="text-right">
										<small>请再次输入密码</small>
									</div>
									<div class="input-group">
										<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-lock"></span></span>
										<input type="password" class="inputpwd form-control inputpwd2" placeholder="请再次输入密码" aria-describedby="basic-addon1">
									</div>
								</div>
								<div class="form-group">
									<div class="text-right">
										<small>请输入验证码</small>
									</div>
									<div class="input-group">
										<!--这里使用popover来显示验证码-->
										<span class="input-group-addon" id="basic-addon1"><span class="glyphicon glyphicon-barcode"></span></span>
										<input type="text" class="inputpwd form-control" placeholder="请输入验证码" aria-describedby="basic-addon1">
									</div>
								</div>
								<div class="form-group otherselect">
									<div class="regleft">
										<div class="text-right">
											<small>请选择您的职位</small>
										</div>
										<label for="">职位</label>
										<select name="">
											<option value="">--请选择职位--</option>
											<option value="经理">经理</option>
											<option value="员工">员工</option>
										</select>
									</div>
									<div class="regright">
										<div class="text-right">
											<small>请选择您所在的部门</small>
										</div>
										<label for="">部门</label>
										<select name="">
											<option value="">--请选择职位--</option>
											<option value="市场部">市场部</option>
											<option value="人事部">人事部</option>
										</select>
									</div>
								</div>
									<div class="form-group text-right">
									<a href="recover.html">找回密码</a> |
									<a href="login.html">返回首页</a>
								</div>
								
								<div class="alert alert-warning alert-dismissible" id="alertBox" role="alert">
									<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
									<strong>警告:</strong><span id="msgtext"></span>
								</div>
								<div class="form-group">
									<div class="input-group bottomBtns">
										<input type="submit" class="btn btn-success " value="注册" />
										<input type="reset" class="btn btn-info " value="重置" />
									</div>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
			<script type="text/javascript" src="js/jquery-html5Validate.js"></script>
		</div>
	</body>

</html>